<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<?php include "../pub/meta.html";?>
<title>paging</title>
<?php include "../pub/head-cssjs.html";?>
<link rel="stylesheet" type="text/css" href="paging.css">
</head>
<body>
<div class="page layout-lm">
<?php include "../pub/top-bar.html";?>
  <div class="wrap-container">
    <div id="container" class="clearfix">
      <div id="aside_first" class="aside">
        <div class="inner-aside">
            <?php include "../pub/asidenav-common-design-block.html";?>
        </div>
      </div>
      <div id="main">
        <div class="inner-main">
          <div id="paging_page">
            <h2>默认居中</h2>
            <div class="paging">
              <ul>
                <li class="disabled prev"><span>上一页</span></li>
                <li class="active"><span>1</span></li>
                <li><span>...</span></li>
                <li><a href="#">7</a></li>
                <li><a href="#">8</a></li>
                <li><a href="#">9</a></li>
                <li><span>...</span></li>
                <li><a href="#">10</a></li>
                <li class="next"><a href="#">下一页</a></li>
              </ul>
            </div>
            <h2>居左</h2>
            <div class="paging paging-left">
              <ul>
                <li class="disabled prev"><span>上一页</span></li>
                <li class="active"><span>1</span></li>
                <li><span>...</span></li>
                <li><a href="#">7</a></li>
                <li><a href="#">8</a></li>
                <li><a href="#">9</a></li>
                <li><span>...</span></li>
                <li><a href="#">10</a></li>
                <li class="next"><a href="#">下一页</a></li>
              </ul>
            </div>
            <h2>居右</h2>
            <div class="paging paging-right">
              <ul>
                <li class="disabled prev"><span>上一页</span></li>
                <li class="active"><span>1</span></li>
                <li><span>...</span></li>
                <li><a href="#">7</a></li>
                <li><a href="#">8</a></li>
                <li><a href="#">9</a></li>
                <li><span>...</span></li>
                <li><a href="#">10</a></li>
                <li class="next"><a href="#">下一页</a></li>
              </ul>
            </div>
            <h2>简洁版</h2>
            <div class="paging-brief">
              <a class="prev" href="#">上一页</a>
              <a class="next" href="#">下一页</a>
            </div>
          </div>
        </div>
      </div><!--main-->
    </div>
  </div><!--wrap-container-->
<?php include "../pub/footer.html";?>
</div>  
</body>
</html>
